<%--&lt;%&ndash;--%>
<%--  Created by IntelliJ IDEA.--%>
<%--  User: lenovo--%>
<%--  Date: 2024/6/7--%>
<%--  Time: 11:03--%>
<%--  To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>
<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <title>Title</title>--%>
<%--    <style>--%>
<%--        table{--%>
<%--            width: 1200px;--%>
<%--        }--%>
<%--        tr,td{--%>
<%--            border: grey 1px ;--%>
<%--        }--%>
<%--        td{--%>
<%--            height: 40px;--%>
<%--        }--%>

<%--        table td{--%>
<%--            height: 60px;--%>
<%--            vertical-align: middle!important;  /*设置文字垂直居中*/--%>
<%--            text-align: center;--%>
<%--        }--%>

<%--        tr,td{border-right:1px solid #888;border-bottom:1px solid #888;padding:5px 15px;}--%>

<%--        th{font-weight:bold;background:#ccc;}--%>

<%--        .con-b .row .lf{--%>
<%--            width: 15%;--%>
<%--            text-align: center;--%>
<%--            padding: 10px;--%>
<%--        }--%>
<%--        .con-b .row .rg{--%>
<%--            width: 85%;--%>
<%--        }--%>

<%--        .con-b tr:nth-of-type(odd){--%>
<%--            background-color: #f2f2f2;--%>
<%--        }--%>
<%--    </style>--%>
<%--    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>--%>

<%--</head>--%>
<%--<body>--%>
<%--<table border="1" cellspacing="0" align="center" class="con-b">--%>
<%--    <thead>--%>

<%--&lt;%&ndash;    //taskAccount  studentAccount  studentAnswer  isFinish  isScore userName taskName&ndash;%&gt;--%>
<%--    <tr class="row" style="color: black;font-size: 25px" >--%>

<%--        <td class="lf" style="width: 10%">题目</td>--%>
<%--        <td class="lf">答案</td>--%>
<%--        <td class="lf">是否完成</td>--%>
<%--        <td class="lf">分数</td>--%>
<%--        <c:if test="${session_person.getUserIdentify()==0}"><td class="lf">开始答题</td></c:if>--%>
<%--        <td>删除</td>--%>
<%--&lt;%&ndash;        <td>详细</td>&ndash;%&gt;--%>
<%--&lt;%&ndash;        后续功能，待研发&ndash;%&gt;--%>
<%--    </tr>--%>
<%--    </thead>--%>
<%--    <tbody>--%>
<%--    &lt;%&ndash;    'userAccount' 'userName' 'userSex' 'userBirthday' 'userIdCard' 'userPassword' 'userIdentify''userOtherName'&ndash;%&gt;--%>
<%--    <c:forEach items="${arr}" var="stuTask">--%>
<%--        <tr>--%>
<%--            <c:if test="${session_person.getUserIdentify()!=0}"><td class="lf">${stuTask.getUserName()}</td></c:if>--%>
<%--            <td class="lf">${stuTask.getTaskName()}</td>--%>
<%--            <td class="lf">${stuTask.getStudentAnswer()}</td>--%>
<%--            <td class="lf">--%>
<%--                <c:if test="${stuTask.getIsFinish()==0}">--%>
<%--                    <span style="color: red">未完成</span>--%>
<%--                </c:if>--%>
<%--                <c:if test="${stuTask.getIsFinish()==1}">--%>
<%--                     <span style="color: green">未批改</span>--%>
<%--                </c:if>--%>
<%--                <c:if test="${stuTask.getIsFinish()==1}">--%>
<%--                    <span style="color: green">完成</span>--%>
<%--                </c:if>--%>
<%--            </td>--%>

<%--            <td class="lf">${stuTask.getIsScore()}</td>--%>
<%--            <c:if test="${session_person.getUserIdentify()==0}"><td class="lf"><button onclick="doAnswer('${stuTask.getTaskAccount()}','${stuTask.getIsFinish()}')">开始答题</button></td></c:if>--%>
<%--            <td> <img src="del.jpg" onclick="delThisTask('${stuTask.getTaskAccount()}','${stuTask.getStudentAccount()}',${stuTask.getIsFinish()})"> </td>--%>
<%--&lt;%&ndash;            <td> <img src="detail.jpg" onclick="upThisPerson()"> </td>&ndash;%&gt;--%>
<%--        </tr>--%>

<%--    </c:forEach>--%>

<%--    </tbody>--%>


<%--</table>--%>

<%--</body>--%>

<%--<script>--%>
<%--    function doAnswer(taskAccount, isFinish){--%>
<%--        if(isFinish!=0){--%>
<%--            alert("已经作答！")--%>
<%--            return;--%>
<%--        }--%>
<%--        window.open("student.action?action=doAnswer&taskAccount="+taskAccount+"",null,"width=700,height=400,left=400,top=150",true);--%>
<%--    }--%>

<%--    function delThisTask(taskAccount,studentAccount,isFinish){--%>
<%--    if(${session_person.getUserIdentify()==1}){--%>
<%--         if(isFinish==1){--%>
<%--         alter("老师未做批改，不能删除！");--%>
<%--         }else {--%>
<%--             window.location.href = "tea.action?action=deleteTask&taskAccount="+taskAccount+"&studentAccount="+studentAccount+"&isFinish="+isFinish--%>
<%--         }--%>
<%--    }else {--%>
<%--        if(isFinish==2){--%>

<%--        }else {--%>
<%--            alert("任务正在进行，不能删除");--%>
<%--        }--%>
<%--    }--%>
<%--        alert("删除 题目号："+taskAccount + "          学生："+studentAccount)--%>
<%--    }--%>
<%--    function upThisPerson(userAccount) {--%>
<%--        alert("修改:"+userAccount)--%>
<%--    }--%>

<%--</script>--%>
<%--</html>--%>









<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2024/6/7
  Time: 11:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <style>
        body {
            font-family: 'Arial', sans-serif;
            background: linear-gradient(45deg, #f0f0f0, #e0e0e0); /* 页面背景渐变 */
            margin: 0;
            padding: 0;
        }
        .navbar {
            margin-left:270px;
            background-color: #4CAF50; /* 绿色背景 */
            color: white;
            text-align: center;
            padding: 25px 0;
            font-size: 24px;
            width: 1200px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 轻微的阴影 */
        }
        table {
            width: 1200px;
            border-collapse: collapse;
            margin: 0 auto; /* 表格居中 */
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); /* 表格阴影 */
            border-radius: 10px; /* 表格圆角 */
            overflow: hidden; /* 确保表格内部元素不会超出圆角范围 */
        }
        tr{
            top: -200px;
        }
        tr, td {
            border: 1px solid #ddd;
            padding: 10px 15px;
            text-align: center;
        }
        td {
            margin-top: -100px;
            height: 50px;
        }
        table td {
            vertical-align: middle!important;
            text-align: center;
        }
        th {
            font-weight: bold;
            background: linear-gradient(45deg, #ccc, #b0b0b0); /* 表头渐变背景 */
            color: white;
            padding: 15px;
            border-bottom: 2px solid #aaa; /* 表头底部边框 */
        }
        .row{
            font-weight: bold;
        }
        .con-b.row.lf {
            width: 15%;
            text-align: center;
            padding: 10px;
        }
        .con-b.row.rg {
            width: 85%;
        }
        .con-b tr:nth-of-type(odd) {
            background-color: #f2f2f2;
        }
        .con-b tr:hover {
            background-color: #e0e0e0; /* 鼠标悬停时行的背景色 */
            transition: background-color 0.3s ease; /* 过渡效果 */
        }
        .action-button {
            padding: 8px 16px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease, transform 0.3s ease; /* 按钮动画过渡效果 */
        }
        .action-button:hover {
            background-color: #45a049;
            transform: scale(1.05); /* 按钮悬停时放大效果 */
        }
        .action-icon {
            width: 30px;
            height: 30px;
            cursor: pointer;
            transition: transform 0.3s ease; /* 图标动画过渡效果 */
        }
        .action-icon:hover {
            transform: scale(1.1); /* 图标悬停时放大效果 */
        }
    </style>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
</head>
<body>
<div class="navbar">
</div>
<table border="0" cellspacing="0" align="center" class="con-b">
    <thead>
    <tr class="row" style="color: black;font-size: 25px">
        <c:if test="${session_person.getUserIdentify()!=0}"><td class="lf">学生姓名</td></c:if>
        <td class="lf" style="width: 10%">题目</td>
        <td class="lf">答案</td>
        <td class="lf">是否完成</td>
        <td class="lf">分数</td>
        <c:if test="${session_person.getUserIdentify()==0}"><td class="lf">开始答题</td></c:if>
        <c:if test="${session_person.getUserIdentify()==1}"><td class="lf">点击批改</td></c:if>
        <td>删除</td>
    </tr>
    </thead>
    <tbody>
    <c:forEach items="${arr}" var="stuTask">
        <tr>
            <c:if test="${session_person.getUserIdentify()!=0}"><td class="lf">${stuTask.getUserName()}</td></c:if>
            <td class="lf">${stuTask.getTaskName()}</td>
            <td class="lf">${stuTask.getStudentAnswer()}</td>
            <td class="lf">
                <c:if test="${stuTask.getIsFinish()==0}">
                    <span style="color: #ff0000">未完成</span>
                </c:if>
                <c:if test="${stuTask.getIsFinish()==1}">
                    <span style="color: #ffa500">未批改</span>
                </c:if>
                <c:if test="${stuTask.getIsFinish()==2}">
                    <span style="color: green">完成</span>
                </c:if>
            </td>
            <td class="lf">${stuTask.getIsScore()}</td>
            <c:if test="${session_person.getUserIdentify()==0}"><td class="lf"><button class="action-button" onclick="doAnswer('${stuTask.getTaskAccount()}','${stuTask.getIsFinish()}')">开始答题</button></td></c:if>
            <c:if test="${session_person.getUserIdentify()==1}"><td class="lf"><button class="action-button" onclick="doFenshu('${stuTask.getTaskAccount()}','${stuTask.getStudentAccount()}','${stuTask.getIsFinish()}')">点击批改</button></td></c:if>
            <td> <img class="action-icon" src="del.jpg" onclick="delThisTask('${stuTask.getTaskAccount()}','${stuTask.getStudentAccount()}',${stuTask.getIsFinish()})"> </td>
        </tr>
    </c:forEach>
    </tbody>
</table>
</body>
<script>
    function doFenshu(taskAccount, studentAccount, isFinish) {
        if (isFinish!=1) {
            alert("暂时没有批改权限！");
            return;
        }
        window.open("student.action?action=doFenshu&taskAccount=" + taskAccount+"&studentAccount="+studentAccount, null, "width=700,height=400,left=400,top=150", true);
    }
    function doAnswer(taskAccount, isFinish) {
        if (isFinish!= 0) {
            alert("已经作答！");
            return;
        }
        window.open("student.action?action=doAnswer&taskAccount=" + taskAccount, null, "width=700,height=400,left=400,top=150", true);
    }
    function delThisTask(taskAccount, studentAccount, isFinish) {
        if (${session_person.getUserIdentify()==1}) {
            if (isFinish == 1) {
                alert("老师未做批改，不能删除！");
            } else {
                window.location.href = "tea.action?action=deleteTask&taskAccount=" + taskAccount + "&studentAccount=" + studentAccount + "&isFinish=" + isFinish;
            }
        } else {
            if (isFinish == 2) {
                // 这里可能需要添加相应的处理逻辑，当前为空
            } else {
                alert("任务正在进行，不能删除");
            }
        }
        alert("删除 题目号：" + taskAccount + " 学生：" + studentAccount);
    }
    function upThisPerson(userAccount) {
        alert("修改:" + userAccount);
    }
</script>
</html>